<!DOCTYPE html>
<!-- 需要添加
<html  xmlns:th="http://www.thymeleaf.org">
这样在后面的th标签就不会报错
 -->
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<!--    <title th:text="${username}">xx</title>-->
</head>
<body>
<!--<h1 th:text="${username}">Hello World</h1>-->
<!--<h1>获取对象信息</h1>-->
<!--<h2>1、通过直接访问对象的方式</h2>-->
<!--<p th:text="${userInfo.username}"></p>-->
<!--<p th:text="${userInfo.password}"></p>-->


<!--<h2>2、通过th:object访问对象的方式</h2>-->
<!--<div th:object="${userInfo}">-->
<!--    <p th:text="*{username}"></p>-->
<!--    <p th:text="*{password}"></p>-->
<!--</div>-->

<h1>表单提交</h1>
<!-- 表单提交用户信息,注意字段的设置,直接是*{} -->
<form action="#" th:action="@{/stu/add}" th:object="${stu}" method="post">
    名字<input type="text" th:field="*{name}"/>
    性别<input type="text" th:field="*{sex}"/>
<!--   学号 <input type="text" th:field="*{stu_num}"/>-->
   学号 <input type="text" th:field="*{stuNum}"/>
<!--  身份证号码  <input class="cardid" type="text" th:field="*{id_num}"/>-->
  身份证号码  <input class="cardid" type="text" th:field="*{idNum}"/>
    邮箱<input type="text" th:field="*{email}"/>
    <input type="submit"/>
</form>

<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

<script>
    $(".mobilePhone").blur(function () {
        var str = $(this).val();
        if (str != "" && str != null) {
            var re = /^1\d{10}$/;
            if (!re.test(str)) {
                $(this).val("");
                alert("手机号格式不正确");
                return;
            }
        }
    });
    // https://www.codetd.com/article/1595962
    $(".cardid").blur(function () {
        var str = $(this).val();
        if (str != "" && str != null) {
            var re = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
            if (!re.test(str)) {
                $(this).val("");
                alert("身份证格式不正确");
                return;
            }
        }
    });
</script>
</body>
</html>
